<template>
    <div>
        <button>PhotoShow</button>
        <!--        子组件属性名字也是随意起　只不过要对应子组件props里面的-->
        <PhotoCarousel :bans="banners"></PhotoCarousel>
    </div>
</template>

<script>
    // import New from './components/New.vue';
    //预先加载图片资源，如果可以的话，优先这样做。
    let s1 = require('/static/aop_seq.png');
    let s2 = require('/static/aop_new.png');
    import s3 from '/static/aop_seq.png'
    import PhotoCarousel from './PhotoCarousel';
    export default {

        name: "PhotoShow",
        components: {
            PhotoCarousel
        },
        props: {

        },
        data() {
            return {
                sampleD: 'value',
                //不一定叫banners随意起，但是里面对象的结构很重要这里有url width height
                banners: [
                    {url: s1, width: 300, height: 400},
                    {url: s2, width: 280, height: 500},
                    {url: s3, width: 280, height: 500},
                ],
            }
        },
        computed: {
            // sampleC() {
            //     return this.sampleD+'--';
            // }
        },
        created() {
        },
        mounted() {
        },
        methods: {
            sampleM() {

            }
        },
        watch: {
            // sampleC(newValue, oldValue) {
            //
            // }
        },
    }
</script>

<style scoped>
    /*<style lang='scss' scoped>*/

</style>